<template>
    <div>
        <!-- <a-modal
            title="查看撤件申请记录"
            :visible="visible"
            @ok="visible = false"
            @cancel="visible = false"
            :width="800"
        > -->
            <div :key="applicationRecordKey">
                <a-form layout="horizontal" class="application-record-form">
                    <!-- <a-form-item label="撤件申请时间">
                        {{ formState.fcjsqsj }}
                    </a-form-item>
                    <a-form-item label="撤件申请文件"></a-form-item> -->
                    <a-form-item label="撤件申请文件">
                        <commpNormalTable
                            :key="refreshTable"
                            ref="headmanVxeTable"
                            :config="repairPageConfig" 
                            :columns="repairPagecolumnsVxe" 
                            :formItem="[]"
                            :adaptiveHeight="true"
                        >
                            <!-- <template v-slot:operation_btn="{row}" data-desc="自定操作栏">
                                <a-form layout="inline" class="search-form" >
                                    <a-form-item v-if="row.fblzt == '待办'">
                                        <a-button class="blue-btn" type="primary" @click="expertProcessReturn(row)" >退回</a-button>
                                    </a-form-item>
                                    <a-form-item v-if="row.fblzt == '待办'">
                                        <a-button class="blue-btn" type="primary" @click="expertProcesstErmination(row,'补正流程')" >终止</a-button>
                                    </a-form-item>
                                    <a-form-item>
                                        <a-button class="blue-btn" type="primary" @click="goHandleClick(row)" >去办理</a-button>
                                    </a-form-item>
                                </a-form>
                            </template> -->
                        </commpNormalTable>
                    </a-form-item>
                    <!-- <a-form-item>
                        <a-card title="撤件意见回复" style="width: 100%" size="small">
                            <div>
                                <a-textarea 
                                    v-model:value="submitData.opinion"
                                    placeholder="请输入回复意见"
                                    :autosize="{ minRows: 5, maxRows: 10000 }"
                                ></a-textarea>
                            </div>
                        </a-card>
                    </a-form-item> -->
                </a-form>
            </div>
            <!-- <template slot="footer">
                <div>
                    <a-button @click="visible = false">关闭</a-button>
                    <a-button class="blue-btn" @click="replyClick" type="primary">确定</a-button>
                </div>
            </template>
        </a-modal> -->
    </div>
</template>
<script>
import { pushQyCjOpinion } from './service/index'
import assessCheckApi from './service/api'
import commpNormalTable from '@/components/commp-vxe-table/commp-normal-table.vue'
export default {
    components:{
        commpNormalTable,
    },
    props:{

    },
    data(){
        return{
            visible:false,
            formState:{},
            applicationRecordKey:null,
            isReplybtn:true,
            submitData:{
                opinion:'',
                sqsxid:'',
            },
            refreshTable:null,
            repairPageConfig:{
                api:assessCheckApi.list,
                rowId: 'id',
                height:400,
                autoHidden:true,
                pageSize:100,
                listData:'vvvv',
                paramet:{}
            },
            repairPagecolumnsVxe:[{
                title: '材料清单', //列头显示文字
                field: 'aaa',
            },{
                title: '材料目录', //列头显示文字
                field: 'bbb',
            },{
                title: '上传文件',
                field: 'ccc',
            }],
            
        }
    },
    watch:{

    },
    mounted(){
        
    },
    methods:{
        getData(val){
            this.formState = val
            this.submitData.sqsxid = val.sqsxid
            this.repairPageConfig.paramet={sqsxid:val.sqsxid}
            this.applicationRecordKey = Date.now()
        },
        replyClick(){
            if(this.submitData.opinion){
                pushQyCjOpinion(this.submitData).then(res=>{
                    if(res.code == 200){
                        this.$message.success(res.message)
                    }else{
                        this.$message.warning(res.message)
                    }
                })
            }else{
                this.$message.warning('请输入回复意见')
            }
            
        },
    }
}
</script>
<style lang="less">
.application-record-form{
    .ant-form-item{
        width: 100%;
        display: flex;
        .ant-form-item-label{
            width: 105px;
            // font-size: 14px;
            // font-weight: 600;
        }
        .ant-form-item-control-wrapper{
            flex: 1;
        }
        
    }
}
</style>